.main{
    background-color: #f5f5f5;
    .bg{
        position: relative;
        .img{
            width: 100%;
            height: 480px;
            background-size: cover;
            background-position: 50% 50%;
        }
        p{
            position: absolute;
            font-size: 40px;
            color: #fff;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
    }
    section{
        margin: 48px auto;
        width: 1200px;
        .title{
        width: 1200px;
        height: 48px;
        line-height: 48px;
        margin-bottom: 16px;
        color: #3b3e40;
        h2{
            font-size: 32px;
            font-weight: 600;
            float: left;
        }
        a{
            font-size: 16px;
            float: right;
            color: #3b3e40;
            &:hover{
                color: #1890ff;
            }
        }
        }
        .section-head{
        overflow: hidden;
        padding-bottom: 20px;
        .left{
            width: 600px;
            height: 400px;
            float: left;
            background-color: #FFF;
            &:hover{
                box-shadow: 0 15px 15px -10px rgb(0 0 0 / 15%);
            }
            .good{
                width: 260px;
                height: 330px;
                margin: 0 24px;
                padding-top: 70px;
                float: left;
                .pic{
                    width: 260px;
                    height: 256px;
                    background-size: cover;
                    background-position-x: 50%;
                    background-position-y: center;
                }
            }
            .info{
                width: 240px;
                float: left;
                padding-top: 120px;
                color: #3b3e40;
                h2{
                    font-size: 24px;
                    margin-bottom: 16px;
                    font-weight: 600;
                }
                p{
                    font-size: 14px;
                    line-height: 20px;
                    margin-bottom: 24px;
                    font-weight: 400;
                }
                h5{
                    font-size: 16px;
                }
            }
        }
        .right{
            background-size: cover;
            width: 600px;
            height: 400px;
            float: left;
        }
        }
        .section-list{
        width: 1200px;
        height: 987px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        li{
            width: 592px;
            height: 312px;
            background-color: #FFF;
            text-align: center;
            &:hover{
                box-shadow: 0 15px 15px -10px rgb(0 0 0 / 15%);
            }
            a{
                overflow: hidden;
                width: 100%;
                height: 100%;
                color: #3b3e40;
                display: flex;
                align-items: center;
                align-content: center;
                .img{
                    float: left;
                    width: 264px;
                    height: 264px;
                    padding-top: 8px;
                    margin: 20px;
                }
                .hover{
                    float: left;
                    margin-right: 48px;
                    width: 240px;
                    text-align: left;
                    h3{
                    height: 26.4px;
                    line-height: 26.4px;
                    color: #000;
                    font-weight: 500;
                    font-size: 20px;
                    margin-bottom: 30px;
                    }
                    p{
                        line-height: 24px;
                        font-size: 14px;
                        color: @color1;
                        margin-bottom: 24px;
                    }
                    h5{
                    font-size: 16px;
                    color: @color1;
                    }
                }
            }
        }
        }
    }
}
